<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="icon" href="./images/logo.png" sizes="16x16" type="image/png">
    <link rel="stylesheet" type="text/css" href="font/iconfont.css" />
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <header container>
        <nav>
            <div id="top">
                <a href="#"><span>回到旧版</span></a>
                <a href="#"><span>云顶书院</span></a>
            </div>
            <div id="m_nav">
                <div id="alin">
                    <div id="logo-c">
                        <div id="logo"></div>
                        <!-- <div id="lo-text">Yunding Library</div> -->
                    </div>
                    <a class="item" href="../用户页面/index.html"><span class="iconfont icon-yonghuxinxi"></span>我</a>
                    <a class="item" href="http://www.htcrh.com/ts/index.php?m=content&c=index&a=lists&catid=151" target="_blank"><span class="iconfont icon-fuwuzhinan"></span>服务指南</a>
                </div>
            </div>
        </nav>
        <div class="banner">
            <img id="zuiai2" src="./images/zuiai2.png">
            <form id="search">
                <a href="#" id="xiala">图书检索<i class="iconfont icon-xiala"></i></a>
                <div class="s-two-hidden" id="change">
                    <div>
                        <h3>首字母</h3>
                        <div id="init_box"></div>
                    </div>
                    <div>
                        <h3>关键字</h3>
                        <div id="key_box"></div>
                    </div>
                </div>
                <input type="text" placeholder="请输入内容" id="bookname">
                <button type="button" id="sousuo"><span class="iconfont icon-sousuo"></button>
            </form>
        </div>
    </header>
    <div class="main1 container">
        <div class="m1l">
            <div class="glass"></div>
        </div>
        <div class="m1r">
            <div class="m1r-item">
                <a href="https://www.bilibili.com/"><img class="hot" src="images/hotbook1.png"></a>
            </div>
            <div class="m1r-item">
                <a href="https://www.w3school.com.cn/css/index.asp"><img class="hot" src="images/hotbook2.png"></a>
            </div>
            <div class="m1r-item">
                <a href="https://www.runoob.com/css/css-tutorial.html"><img class="hot" src="images/hotbook3.png"></a>
            </div>
        </div>
        <div id="more"><button>更多</button>
        </div>
    </div>
    <div class="main2 center">
        <img id="bigcir" src="./images/bigcir3.png">
        <img id="smacir" src="./images/shu.png">
        <div class="m-title">
            <div class="charity">公益</div>
            <div class="charity">活动</div>
        </div>
        <div class="whitebox">
            <img src="images/charity.png" class="hot">
        </div>
        <div class="bar1 bar"></div>
        <div class="bar2 bar"></div>
        <div class="bar3 bar"></div>
    </div>
    <div class="main3 center">
        <div class="incident">
            <h1 class="board">重要公告</h1>
            <img src="images/gg.png" class="gg">
        </div>
        <div class="incident">
            <h1 class="message">信息发布</h1>
            <div class="m3r-item">
                <div>
                    <a class="key">数据库</a>
                    <a class="content" href="#">中华医学期刊全文数据库正式订购</a>
                </div>
                <div>
                    <a class="key">电子期刊</a>
                    <a class="content" href="#">SMF（法国数学协会）电子期刊正式订购</a>
                </div>
                <div>
                    <a class="key">实体书</a>
                    <a class="content" href="#"></a>
                </div>
            </div>
        </div>
    </div>
    <div class="main4 container">
        <div class="m4l">
            <div><span class="iconfont icon-lianxidianhua"></span>联系电话</div>
            <div><span class="iconfont icon-youxiang"></span>官方邮箱</div>
        </div>
        <div class="m4r">
            <div>
                <a href="#">关于我们</a>
                <a href="#">联系我们</a>
                <a href="#">投诉举报</a>
            </div>
            <div>
                <a href="#">加入我们</a>
                <a href="#">用户协议</a>
                <a href="#">意见反馈</a>
            </div>
            <div>版权所有©云顶图书馆</div>
        </div>

    </div>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="./js/nav.js"></script>
<script src="./js/s-two.js"></script>
<script src="./js/axios.js"></script>

</html>